<!DOCTYPE HTML>
<html lang="ch">

<head>
	<title>关于我们</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<meta name="keywords" content="" />
	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>

	<!-- Bootstrap Core CSS -->
	<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
	<link href="css/style.css" rel='stylesheet' type='text/css' />
	<!-- font-awesome icons -->
	<link href="css/fontawesome-all.min.css" rel="stylesheet">
	<!-- //Custom Theme files -->
	<!-- online fonts -->
	<!-- titles -->
	<link href="http://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900" rel="stylesheet">
	<!-- body -->
	<link href="http://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800" rel="stylesheet">
</head>

<body>
	
	<!-- header -->
	<header>
	<div class="top">
			<div class="container">
				<div class="t-op row">
					<div class="col-sm-6 top-middle">
						<ul>
						  <li><a href="https://m.facebook.com/SouthernSubway/" target="_blank"><img src="icon/fb.png" width="20" height="20"/></img></a></li>
						  <li><a href="https://weibo.com/u/5128099656" target="_blank"><img src="icon/wb.png" width="20" height="20"/></img></a></li>
						  <li><a href="http://qm.qq.com/cgi-bin/qm/qr?k=0GooMlSbjuT8u3bvw7U3wvNh7KDU7WZX" target="_blank"><img src="icon/qq.png" width="20" height="20"/></img></a></li>
						</ul>
					</div>
					<div class="col-sm-6 top-left">
						<ul>
						  <a href="about1">-English-</a>
						  <a href="about2">-繁體中文-</a>
						  <a href="about3">-日本語-</a>
						  <a href="about4">-한국어-</a>
					  </ul>
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			<nav class="navbar navbar-expand-lg navbar-light">
				<h1>
					<img src="images/logo.png" width="65" height="60"/></img>
				  <a class="navbar-brand text-capitalize" href="index.html">
						中国南方地铁模拟中心
				  </a>
				</h1>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
				    aria-expanded="false" aria-label="Toggle navigation">
					<span class="navbar-toggler-icon"></span>
				</button>

				<div class="collapse navbar-collapse" id="navbarSupportedContent">
					<ul class="navbar-nav text-center  ml-lg-auto">
						<li class="nav-item mr-3">
							<a class="nav-link" href="index.html">首页
							<span class="sr-only">(current)</span>
							</a>
						</li>
						<li class="nav-item  active mr-3">
							<a class="nav-link" href="about.html">关于我们</a>
						</li>
						<li class="nav-item  mr-3">
							<a class="nav-link" href="route.html">线路</a>
						</li>
						<li class="nav-item dropdown mr-3">
							<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true"
							    aria-expanded="false">
								教程
						  </a>
							<div class="dropdown-menu" aria-labelledby="navbarDropdown">
								<a class="dropdown-item" href="jrj.html">软件安装</a>
								<a class="dropdown-item" href="jpg.html">iOS端添加线路</a>
								<a class="dropdown-item" href="jaz.html">安卓端添加线路</a>
								<a class="dropdown-item" href="jhc.html">更换列车</a>
							</div>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="contact.html">联系我们</a>
						</li>
					</ul>
				</div>
			</nav>
		</div>
	</header>
	<!-- //header -->
	<!-- banner -->
	<section class="banner-1">
	</section>
	<!-- //banner -->
	<!-- about -->
	<section class="welcome py-5">
		<div class="container py-md-4 mt-md-3">
			<h2 class="heading-agileinfo">关于我们<span>中国南方地铁模拟中心简介</span></h2>
			<span class="w3-line black"></span>
			<div class="row about-tp mt-md-5 pt-5">
				<div class="col-lg-6 welcome-left">
					<h3>欢迎！</h3>
					<h4>您好！我们是中国南方地铁模拟中心（CSSSC-China Southern Subway Simulation Center）本中心成立于2016年4月，现成员分布在中国各地及日本等海外地区。一次偶然的机会，我们接触到了Hmmsim 2及OpenBVE游戏，瞬间便被其可以模拟地铁驾驶的功能所吸引。但遗憾所有线路都是外国的，我们便踏上了制作中国的地铁模拟地图之路。群成员由一开始的三人发展到如今1500余人。</h4>
					<p>目前已经成功制作广州地铁一号线广州东站-体育西路、广州地铁二号线全线、广州地铁三号线全线、广州地铁六号线文化公园-长湴及平壤地铁千里马线全线地图；正在制作北京地铁二号线、广州地铁一号线、贵阳地铁一号线、深圳地铁一号线等。</p>
				</div>
				<div class="col-lg-6 welcome-right">
					<div class="welcome-right-top">
						<img src="images/g1.jpg" alt="" class="img-fluid">
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- //about -->
	<!-- w3layouts_bottom -->
<section class="w3layouts_bottom">
	<div class="container">
		<div class="row">
			<div class="col-lg-9 w3layouts_getin_info">
				<h3>您也想要加入我们吗？</h3>
			</div>
			<div class="col-lg-3 w3layouts_getin">
				<a href="contact.html">联系我们！</a>
			</div>
		</div>
	</div>
</section>
<!-- //w3layouts_bottom -->

	
<!--footer-->
	<footer>
		<div class="container py-md-4 mt-md-3">
			<div class="row footer-top-w3layouts-agile py-5">
				<div class="col-lg-3 col-md-6 col-sm-6 footer-grid">
					<div class="footer-title">
						<h3>免责声明</h3>
					</div>
					<div class="footer-text">
						<p>所有资源均不用于贩卖及盈利，无版权纠纷；线路不完全按照现实走向行驶，不存在涉密或其他违反法律及道德的行为；如有侵犯到您的个人权益，请联系我们。</p>

					</div>
				</div>
				<div class="col-lg-3 col-md-6 col-sm-6 footer-grid">
					<div class="footer-title">
						<h3>联系方式</h3>
					</div>
					<div class="footer-office-hour">
						<ul>
							<li class="hd">地址：</li>
							<li>中华人民共和国广东省广州市</li>

						</ul>
						<ul>
							<li class="hd">QQ群：547870577</li>
							<li class="hd">Email:
								<a href="mailto:southernsubway@126.com">southernsubway@126.com</a>
							</li>
							<li class="hd">微博：CSSSC-南方地铁模拟中心</li>
						</ul>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 col-sm-6 footer-grid">
					<div class="footer-title">
						<h3>友好中心/个人</h3>
					</div>
					<div class="footer-list">
						<div class="flickr-grid">
								<img src="images/p1.jpg" class="img-fluid" alt=" ">
						</div>
						<div class="flickr-grid">
								<img src="images/p2.jpg" class="img-fluid" alt=" ">
						</div>
						<div class="flickr-grid">
								<img src="images/p3.jpg" class="img-fluid" alt=" ">
						</div><a href="https://gbamsc.cn" target="_blank">
						<div class="flickr-grid">
								<img src="images/p4.jpg" class="img-fluid" alt=" ">
						</div></a>
						<div class="flickr-grid">
								<img src="images/p5.jpg" class="img-fluid" alt=" ">
						</div>
						<div class="flickr-grid">
								<img src="images/p6.jpg" class="img-fluid" alt=" ">
						</div>
						<div class="flickr-grid">
								<img src="images/p7.jpg" class="img-fluid" alt=" ">
						</div>
						<div class="flickr-grid">
								<img src="images/p8.jpg" class="img-fluid" alt=" ">
						</div>
						<div class="flickr-grid">
								<img src="images/p9.jpg" class="img-fluid" alt=" ">
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 col-sm-6 footer-grid">
					<div class="footer-title">
						<h3>版权与合作</h3>
					</div>
					<p>我们倡导版权归属，如您有合作意愿或转载需求，请联系我们。同时亦欢迎海外的朋友与我们进行技术或兴趣上的交流！</p>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</footer>
	<!---->
	<div class="copyright py-3">
		<div class="container">
			<div class="copyrighttop">
				<ul>
					<li>
						<h4>关注我们：</h4>
					</li>
					 <li><a href="https://m.facebook.com/SouthernSubway/" target="_blank"><img src="icon/fb.png" width="20" height="20"/></img></a></li>
						  <li><a href="https://weibo.com/u/5128099656" target="_blank"><img src="icon/wb.png" width="20" height="20"/></img></a></li>
						  <li><a href="http://qm.qq.com/cgi-bin/qm/qr?k=0GooMlSbjuT8u3bvw7U3wvNh7KDU7WZX" target="_blank"><img src="icon/qq.png" width="20" height="20"/></img></a></li>
				</ul>
			</div>
			<div class="copyrightbottom">
				<p>Copyright &copy; 2020. CSSSC-China Southern Subway Simulation Center All rights reserved.
				</p>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Home Loan</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
		 <div class="agileits-w3layouts-info">
			<img src="images/g6.jpg" class="img-fluid" alt="" />
			<p>Duis venenatis, turpis eu bibendum porttitor, sapien quam ultricies tellus, ac rhoncus risus odio eget nunc. Pellentesque ac fermentum diam. Integer eu facilisis nunc, a iaculis felis. Pellentesque pellentesque tempor enim, in dapibus turpis porttitor quis. </p>
		</div>
	</div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>
<!-- //Modal -->
<!-- js-->
	<script src="js/jquery-2.2.3.min.js"></script>
<!-- js-->
	<!-- Bootstrap Core JavaScript -->
	<script src="js/bootstrap.js ">
	</script>
	<!-- //Bootstrap Core JavaScript -->
</body>
</html>